<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>CSS3实现导航图标滚动效果</title>
	<link rel="stylesheet" href="./style.css">

</head>

<body>
	<div class="seach"><span>搜索</span></div>
	<div class="box">
		<ul>
			<li><a href="#" class="active">我的主页</a></li>
			<li><a href="#">新闻头条</a></li>
			<li><a href="#">电视剧</a></li>
			<li><a href="#">最新电影</a></li>
			<li><a href="#">小说大全</a></li>
			<li><a href="#">旅游度假</a></li>
			<li><a href="#">小游戏</a></li>
			<li><a href="#">正品购物</a></li>
			<li><a href="#">美团外买</a></li>
			<li><a href="#">移动互联</a></li>
		</ul>
	</div>
	<div class="seach1">
		<input type="text" placeholder="请输入你想要搜索内容的关键字">
		<button>搜索</button>
	</div>

	<script type="text/javascript" src="jquery-3.4.1.js"></script>
	<script src="./index.js"></script>
</body>

</html>